import React, { Component } from 'react';
import 'froala-editor/css/froala_style.min.css';
import 'froala-editor/css/froala_editor.pkgd.min.css';

import FroalaEditorComponent from 'react-froala-wysiwyg';
class EditorFroalaComponent extends Component {



  handleModelChange=()=>{
    console.log('handleModelChange');
  }


  render() {
    return (
      <div id="EditDraftEditorComponents">
        <FroalaEditorComponent config={{
          placeholderText: 'Edit Your Content Here!',
          charCounterCount: true,
        }}
        onModelChange={this.handleModelChange}
        tag='textarea' />,
      </div>
    );
  }
}

export default EditorFroalaComponent;